<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../content/common/layui/css/layui.css">
    <link rel="stylesheet" href="../content/default/css/zk-index.css">
</head>

<body>
    <div class="iframe-content clear">
        <div class="tree-nav left">
            <div class="search">
                <input type="text">
            </div>
            <div id="tree"></div>
        </div>
        <div class="right-content left">
            <div class="right-content-header clear">
                <ul class="clear listTab_ul left">
                    <li class="left">
                        <img src="../content/default/image/zk/dianli.png" alt="">
                        <span>电力板块</span>:<strong>10</strong></strong></li>
                    <li class="left">
                        <img src="../content/default/image/zk/meitan.png" alt="">
                        <span>煤炭板块</span>:<strong>10</strong></li>
                    <li class="left active">
                        <img src="../content/default/image/zk/zhuangbei.png" alt="">
                        <span>装备制造</span>:<strong>10</strong></li>
                    <li class="left">
                        <img src="../content/default/image/zk/project.png" alt="">
                        <span>工程建设</span>:<strong>10</strong></li>
                </ul>
                <div class="left border-left">超期未整改重大隐患总数：<strong>23</strong></div>
            </div>
            <div class="table" style="margin-top: 10px;height: 680px;">
                <div class="table-opt clear">
                    <button class="left">立即督办</button>
                    <button class="left">导出</button>
                    <!-- <form class="layui-form left no-icon" action="">
                        <select name="city" lay-verify="">
                            <option value="">更多操作</option>
                            <option value="010">这是示例</option>
                            <option value="021">这是示例</option>
                            <option value="0571">这是示例</option>
                        </select>
                    </form> -->
                </div>
                <table>
                    <thead>
                        <tr>
                            <th>
                                <input type="checkbox" name="" id="">选择
                            </th>
                            <th>直属单位</th>
                            <th>隐患所属单位</th>
                            <th>隐患照片</th>
                            <th>隐患描述</th>
                            <th>隐患状态</th>
                            <th>整改期限</th>
                            <th>隐患类别</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><input type="checkbox" name="" id=""></td>
                            <td>
                                <p>中国华电集团浙江分公司</p>
                            </td>
                            <td>
                                <p>杭州华电半山发电有限公司</p>
                            </td>
                            <td>
                                <img src="../content/default/image/zk/hidden1.gif">
                            </td>
                            <td>
                                <p>起重机钢丝绳已断股未及时更换</p>
                            </td>
                            <td>
                                <p class="red">超期七天</p>
                            </td>
                            <td>
                                <p>2020-03-02</p>
                            </td>
                            <td>
                                <p>特种设备</p>
                            </td>
                        </tr>
                        <tr>
                            <td><input type="checkbox" name="" id=""></td>
                            <td>
                                <p>中国华电集团浙江分公司</p>
                            </td>
                            <td>
                                <p>杭州华电半山发电有限公司</p>
                            </td>
                            <td>
                                <img src="../content/default/image/zk/hidden1.gif">
                            </td>
                            <td>
                                <p>起重机钢丝绳已断股未及时更换</p>
                            </td>
                            <td>
                                <p class="red">超期七天</p>
                            </td>
                            <td>
                                <p>2020-03-02</p>
                            </td>
                            <td>
                                <p>特种设备</p>
                            </td>
                        </tr>
                        <tr>
                            <td><input type="checkbox" name="" id=""></td>
                            <td>
                                <p>中国华电集团浙江分公司</p>
                            </td>
                            <td>
                                <p>杭州华电半山发电有限公司</p>
                            </td>
                            <td>
                                <img src="../content/default/image/zk/hidden1.gif">
                            </td>
                            <td>
                                <p>起重机钢丝绳已断股未及时更换</p>
                            </td>
                            <td>
                                <p class="red">超期七天</p>
                            </td>
                            <td>
                                <p>2020-03-02</p>
                            </td>
                            <td>
                                <p>特种设备</p>
                            </td>
                        </tr>
                        <tr>
                            <td><input type="checkbox" name="" id=""></td>
                            <td>
                                <p>中国华电集团浙江分公司</p>
                            </td>
                            <td>
                                <p>杭州华电半山发电有限公司</p>
                            </td>
                            <td>
                                <img src="../content/default/image/zk/hidden1.gif">
                            </td>
                            <td>
                                <p>起重机钢丝绳已断股未及时更换</p>
                            </td>
                            <td>
                                <p class="red">超期七天</p>
                            </td>
                            <td>
                                <p>2020-03-02</p>
                            </td>
                            <td>
                                <p>特种设备</p>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <div id="pages"></div>
            </div>
        </div>

    </div>
    <script src="../content/common/laydate/laydate.js"></script>
    <script src="../content/common/layui/layui.js"></script>
    <script src="../content/common/jquery-3.3.1.min.js"></script>
    <script src="../content/common/nicescroll.min.js"></script>
    <script>
        layui.use('tree', function () {
            var tree = layui.tree;

            //渲染
            var inst1 = tree.render({
                elem: '#tree' //绑定元素
                ,
                data: [{
                    title: '中国华电集团有限公司（23）' //一级菜单
                        ,
                    spread: true,
                    children: [{
                        title: '华电煤业集团有限公司（2）' //二级菜单
                            ,
                        children: [{
                            title: '三级菜单' //三级菜单
                            //…… //以此类推，可无限层级
                        }]
                    },{
                        title: '中国华电集团浙江分公司（5）' //二级菜单
                            ,
                        children: [{
                            title: '杭州华电半山发电有限公司' //三级菜单
                            //…… //以此类推，可无限层级
                        }]
                    },{
                        title: '中国华电科工集团有限公司（7）' //二级菜单
                            ,
                        children: [{
                            title: '三级菜单' //三级菜单
                            //…… //以此类推，可无限层级
                        }]
                    }]
                }]
            });
        });
        laydate.render({
            elem: '#startTime' //指定元素
        });
        laydate.render({
            elem: '#endTime' //指定元素
        });

        layui.use('laypage', function () {
            var laypage = layui.laypage;

            //执行一个laypage实例
            laypage.render({
                elem: 'pages' //注意，这里的 test1 是 ID，不用加 # 号
                    ,
                count: 50 //数据总数，从服务端得到
            });
        });

        layui.use('form', function () {
            var form = layui.form;
        });
        $(function(){
            $('#tree').niceScroll({
                autohidemode: false,
                cursorcolor:'#c9c9c9'
            });
            $('.listTab_ul li').click(function(){
                $(this).addClass('active').siblings().removeClass('active')
            })
        })
    </script>
</body>

</html>